{extend name="public/form" /}

{block name="head"}
<style>
	#L_title {position: relative;}
	.bdsug {height: auto; position: absolute; left: 0; top: 30px; z-index: 100; background: #fff; border-radius: 0 0 10px 10px; border: 1px solid #dadade!important; border-top: 0!important; box-shadow: none;}
	.bdsug ul{display: block;margin: 5px 2px 0; padding: 5px 0 7px; background: 0 0; border-top: 0px solid #f5f5f6;}
	.bdsug ul>li{margin-top: 0;height:30px;line-height: 25px;}
</style>
{/block}

{block name="body"}
	<form class="layui-form" action="">
		<div class="mainBox">
			<div class="main-container">
				<input type="hidden" name="id" value="{$article.id}">
				<div class="layui-row layui-col-space15 layui-form-item">
					<div class="layui-col-md3">
						<label class="layui-form-label">分类</label>
						<div class="layui-input-block">
							<div id="CateId" class="xm-select-demo"></div>
						</div>
					</div>
					<div class="layui-col-md9">
						<label for="L_title" class="layui-form-label">{:lang('title')}</label>
						<div class="layui-input-block">
							<input type="text" id="L_title" name="title" required lay-verify="required" autocomplete="off" class="layui-input" value="{$article.title}">
						</div>
					</div>
				</div>
				<div class="layui-form-item layui-form-text">
					<div class="layui-input-block">
					<textarea id="L_content" name="content" required lay-verify="required" placeholder="详细内容"  class="layui-textarea taonyeditor">{$article.content}</textarea>
					</div>
				</div>

				<div class="layui-form-item">
					<label class="layui-form-label">{:lang('描述')}</label>
					<div class="layui-input-block">
						<textarea name="description" class="layui-textarea" placeholder="SEO描述">{$article.description}</textarea>
					</div>
				</div>
				{//关键词}
				<div class="layui-form-item">
					<label class="layui-form-label">{:lang('关键词')}</label>
					<div class="layui-input-block">
						<input type="text" class="layui-input" name="keywords" value="{$article.keywords}" placeholder="多个英文逗号隔开" title="添加关键词" />
					</div>
				</div>
				{//tag}
				<div class="layui-form-item">
					<label class="layui-form-label">{:lang('add tags')}</label>
					<div class="layui-input-block">
						<div id="tag"></div>
					</div>
				</div>
				<div class="layui-form-item layui-hide">
					<button type="submit" class="pear-btn" lay-filter="article-edit" lay-submit id="article-edit">{:lang('post now')}</button>
				</div>
			</div>
		</div>
		<div class="bottom">
			<div class="button-container">
				<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="forum-save">
					<i class="layui-icon layui-icon-ok"></i>
					提交
				</button>
				<button type="reset" class="pear-btn pear-btn-sm">
					<i class="layui-icon layui-icon-refresh"></i>
					重置
				</button>
			</div>
		</div>
	</form>

	{__block__}

	<script>
		layui.use(['xmSelect'], function(){
			var $ = layui.jquery
			,form = layui.form
			,upload = layui.upload;
			var artId = "{$article.id}";
			var xmSelect = layui.xmSelect;

			//1.渲染标签
			var addTags = xmSelect.render({
				el: '#tag',
				name: 'tagid',
				layVerify: '',
				layVerType: 'msg',
				paging: true,
				pageSize: 5,
				data: []
			});

			//2.标签数据
			$.get("{:url('content.tag/getAllTag')}",function(res){
				if(res.code === 0){
					addTags.update({
						data: res.data,
						autoRow: true,
					})

					//3.选中数据动态赋值
					$.get("{:url('content.tag/getArticleTag')}",{id:artId},function(res){
						if(res.code === 0){
							addTags.setValue(
								res.data
							)
						}
					});
				}
			});

			// 分类选择
			$.get("{:url('content.cate/getArticleCateTree')}",function(res){
				var INITCID = "{$article.cate_id}";
				// 渲染下拉树
				xmSelect.render({
					el: '#CateId',
					name: 'cate_id',
					height: '250px',
					layVerify: 'required',
					layVerType: 'tips',
					data: res.data,
					initValue:  [INITCID],
					model: {label: {type: 'text'}},
					prop: {
						name: 'catename',
						value: 'id'
					},
					clickClose: true,
					tree: {
						show: false,
						indent: 15,
						strict: false,
						expandedKeys: true
					},
					on: function(data){ // 单选on模式
						if(data.isAdd){
							return data.change.slice(0, 1)
						}
					},
					tips: '请选择'
				});
			});

			//指定允许上传的文件类型
			upload.render({
				elem: '#zip-button'
				,url: "{:url('content.forum/uploads')}" //改成您自己的上传接口
				,data: {type:'zip'}
				,accept: 'file',
					before: function(obj){
						layer.load();
					},
					done: function(res){
					layer.closeAll('loading');
					if(res.status === 0){
						$('input[name="upzip"]').val(res.url);
						layer.msg('上传成功');
					} else {
						layer.msg(res.msg);
					}
				}
			});

			form.on('submit(forum-save)', function(data) {
				$.ajax({
					url: "{:url('content.forum/edit')}",
					data: JSON.stringify(data.field),
					dataType: 'json',
					contentType: 'application/json',
					type: 'post',
					success: function(result) {
						if (result.code === 0) {
							layer.msg(result.msg, {
								icon: 1,
								time: 1000
							}, function() {
								parent.layui.table.reload("forum-table");
								parent.layer.close(parent.layer.getFrameIndex(window.name)); //关闭当前页
							});
						} else {
							layer.msg(result.msg, {
								icon: 2,
								time: 1000
							});
						}
					}
				})
				return false;
			});

		});
    </script>
	
	{// 编辑器}
	{:hook('ueditor')}
	{:hook('taonyeditor')}
	{// 百度标题词条}

	{// 百度关键词}

{/block}